
.content{
	background: #210F1D;
	box-shadow: 0rpx -1rpx 0rpx 0rpx rgba(0,0,0,0.3);
	backdrop-filter: blur(10px);
	padding: 32rpx 0;


}
	.content-top{
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 44rpx;
		
	}
	.title{
		font-family: PingFangSC, PingFang SC;
		font-weight: 500;
		font-size: 32rpx;
		color: #FFFFFF;
	}
	.content-actions{
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 40rpx;
	    padding:  0 32rpx;
	}
	.wallet{
		font-family: PingFangSC, PingFang SC;
		font-weight: 400;
		font-size: 28rpx;
		color: #CDCDCD;
	}
	.recharge{
		font-family: PingFangSC, PingFang SC;
		font-weight: 400;
		font-size: 24rpx;
		color: #AA92FD;
	}
	
	.gifts-box{
		padding:0 32rpx;
		display: flex;
		flex-wrap: wrap;
	}
	/* 礼物项样式 */
	.gift-item {
	  width: 25%; /* 四列布局，每项宽度为25% */
		height: 240rpx;
	  // padding: 5px;
	  box-sizing: border-box;
	  display: flex;
	  flex-direction: column; /* 纵向布局 */
	  align-items: center;
	  justify-content: center;
		transition: all .3s; 
	}
	
	/* 礼物图片样式 */
	.gift-image {
	  width: 100rpx; /* 图片大小，可根据需要调整 */
	  height: 100rpx;
	  margin: 10rpx 0;
	}
	
	/* 礼物名称和价格样式 */
	.gift-name{
		 margin: 5rpx 0; /* 名称和价格之间的间隔 */
		 font-family: PingFangSC, PingFang SC;
		 font-weight: 400;
		 font-size: 22rpx;
		 color: #B17970;
		 opacity: .6;
	}
	 
	 .gift-price {
	  margin: 5rpx 0; /* 名称和价格之间的间隔 */
	  font-family: PingFangSC, PingFang SC;
	  font-weight: 400;
	  font-size: 22rpx;
	  color: #B17970;
	}
	
	/* 选中状态样式 */
	.selected {
	  border-radius: 6rpx;
	  border: 4rpx solid #6236FF;
	  justify-content: space-between;
    padding-top: 15rpx;
  animation-name: scale-down;
  animation-duration: .3s;
  animation-iteration-count: 1;

	}
	
	/* 赠送按钮样式 */
	.send-button {
	  margin-top: 5px;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  
	  width: 100%;
	  height: 52rpx;
	  background: #6236FF;
	  
	  font-family: PingFangSC, PingFang SC;
	  font-weight: 500;
	  font-size: 24rpx;
	  color: #FFFFFF;
	}
	
	
	.animation-scale-down {
	  animation-name: scale-down
	}
	
	@keyframes scale-down {
	  0% {
	    opacity: 0;
	    transform: scale(1)
	  }
	  50% {
	    opacity: .5;
	    transform: scale(1.1)
	  }
	
	  100% {
	    opacity: 1;
	    transform: scale(1)
	  }
	}
	